<!DOCTYPE html>
<html lang="en">
<head>
    <title>统计</title>
    <link th:replace="common/header"/>
</head>

<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="page-header">
                    <h1>
                        统计
                        <small>
                            <i class="ace-icon fa fa-angle-double-right"></i>
                            统计房屋信息系统中的房屋信息
                        </small>
                    </h1>
                </div><!-- /.page-header -->

                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="row-fluid">
                            <div class="span4">
                                <div id="echartPieProvince" class="echart echart_pie"
                                     style="height: 300px;"></div>
                            </div>
                            <div class="span4">
                                <div id="echartPieCity" class="echart echart_pie"
                                     style="height: 300px;"></div>
                            </div>
                            <div class="span4">
                                <div id="echartPieRegion" class="echart echart_pie"
                                     style="height: 300px;"></div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <div id="echartMap" class="echart ec-extension-bmap" style="height: 500px;"></div>
                            </div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div><!-- /.main-content -->
    </div><!-- /.main-container -->
    <div th:replace="common/footer"/>
</div>
<div th:replace="common/buttom"/>
<script type="text/javascript"
        th:src="@{http://api.map.baidu.com/api?v=2.0&amp;ak=a75vDOuWpdLz4hUpRpWxakuGuL6MRlnL}"></script>
<script th:src="@{/js/echarts/echarts.js}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/js/echarts/bmap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/page/houseInfo.js}"></script>
</body>
</html>
